    <%@page import="com.wanmait.hotelManage.vo.Price"%>
<%@page import="com.wanmait.hotelManage.vo.HotelComment"%>
<%@page import="org.apache.jasper.tagplugins.jstl.core.ForEach"%>
<%@page import="com.wanmait.hotelManage.vo.RoomType"%>
<%@page import="java.util.List"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%String path = request.getContextPath();
    	List<RoomType> roomtypes=(List<RoomType>)request.getAttribute("roomtypes");
    	String f=(String)request.getAttribute("msg");	
    	List<Price> prices=(List<Price>)request.getAttribute("prices");
    %>
<jsp:include page="/inc/header.jsp"></jsp:include>
    <!-- main header area end -->

     <!--画廊-->
     
    <!--Main Slider End-->

    <!-- 时间 人物搜索房间 -->
    <section class="search-service">
    	<div class="container" style="">
			<div class="search-service-bg">
				<div class="service-content">
				<form id="orderForm" action="<%=path %>/indexServlet" method="get">
				<input type="hidden" value="search" name="action">
                    <input type="date" id="startTime" name="startTime"  placeholder="到达日期" >
                    <!-- <i class="fa fa-calendar" aria-hidden="true"></i> -->
                    <input type="date" id="endTime" name="endTime"  placeholder="离开日期" >
                    <!-- <i class="fa fa-calendar" aria-hidden="true"></i> -->
                    <select id="roomType" name="roomType" class="custom-select-box">
                        <option >房间类型</option>
                        <%
                        for(RoomType roomtype:roomtypes){
                        %>
                        <option><%=roomtype.getTitle() %></option>
                        <%
                        }
                        %>
                    </select>
                   <%--  <select id="price" name="price" class="custom-select-box">
                        <option >价格区间</option>
                        <%
                        for(Price price:prices){
                        %>
                        <option><%=price.getMin()%>-<%=price.getMax()==0?"以上":price.getMax() %></option>
                        <%
                        }
                        %>
                    </select> --%>
                   
                    <a id="order">搜索</a>
                    </form>
                </div>
			</div>
    	</div>
    </section>
    <!-- search service end -->
<!-- 热门房间 -->
<%
List<RoomType>roomTypes=(List<RoomType>)request.getAttribute("roomTypes");
%>

    <!-- 房间详情 -->
    <section class="service-section">
    	<div class="container">
    		<div class="service-title text-center">
    			<div class="section-title">热门房型 <span>&</span></div>
    			<div class="title">我们是你夜深人静时的依靠!</div>
    		</div>
    		<%
    		for(RoomType roomType:roomTypes){
    			
    		%>
    		<div >
    			<div class="col-md-4 col-sm-6 col-xs-12">
    				<div class="single-item">
    					<div class="img-box">
    						<figure><a href="<%=path %>/roomListServlet?action=roomDetail&roomTypeName=<%=roomType.getTitle()%>">
    						<img style="width: 360px;height:250px;" src="<%=request.getContextPath() %>/static/images/<%=roomType.getPic() %>" alt="">
    						</a></figure>
    					</div>
    					<div class="service-content">
    						<a href="<%=path %>/roomListServlet?action=roomDetail&roomTypeName=<%=roomType.getTitle()%>"><h3><%=roomType.getTitle() %></h3></a>
    						<div class="text"><span><%=roomType.getDiscountPrice() %></span>现价/每晚</div>
    						<div class="text"><span style="text-decoration: line-through;"><%=roomType.getPrice() %></span>原价/每晚</div>
    						<ul class="rating">
    							<li><i class="fa fa-star" aria-hidden="true"></i></li>
    							<li><i class="fa fa-star" aria-hidden="true"></i></li>
    							<li><i class="fa fa-star" aria-hidden="true"></i></li>
    							<li><i class="fa fa-star" aria-hidden="true"></i></li>
    							<li><i class="fa fa-star" aria-hidden="true"></i></li>
    						</ul>
    					</div>
    				</div>
    			</div>
    		</div>
    		
    		<%} %>
    	</div>
    </section>
    <!-- service section end -->

    <!-- 酒店简介 -->
    <section class="about-section">
    	<div class="container">
    		<div class="row">
    			<div class="about-content">
    				<div class="section-title">关于 <span>Albergo</span></div>
    				<p>青岛香格里拉大酒店共有696间客房和套房，分别位于青香阁和盛世阁两栋相互连通的大楼。所有房间均采用现代风格设计，宾客可凭窗眺望青岛市区或海滨美景。盛世阁客房全部面向大海，行政客房面积达54平方米。青岛香格里拉大饭店位于青岛市香港中路，与市政府和世界贸易中心咫尺相对。前往国际机场只需40分钟车程，交通极为方便。</p>
    				<ul class="list">
    					<li>香宫中餐厅、咖啡苑、啤酒吧、大堂酒廊及24小时送餐服务。</li>
    					<li>香宫中餐厅提供各式点心及正宗粤鲁名菜及淮扬菜</li>
    					<li>啤酒吧提供各种美食及各种品牌的啤酒</li>
    				</ul>
    			</div>
    		</div>
    	</div>
    </section>
    <!-- about section end -->


    <!-- 顾客反映 -->
    <%
  		 List<HotelComment> HotelComments=(List<HotelComment>)request.getAttribute("HotelComments");
    %>
    <section class="testimonials-section">
    	<div class="container">
    		<div class="testimonials-title text-center">
    			<div class="section-title">我们的见证</div>
    			<div class="text">偶遇是一脉风景,踏进有真情服务。</div>
    		</div>
    		<div class="three-column-carousel">
    		<%
    		for(HotelComment hotelComment:HotelComments){
    		%>
    			<div class="single-item">
    				<div class="text">
    					<%=hotelComment.getContent()
    					%>
    					
    				</div>
    				<div class="testimonial-autor">
    					<div class="img-box">
    						<figure><img width="50px" height="50px" style="border-radius: 25px;" src="<%=request.getContextPath() %>/static/images/<%=hotelComment.getUserinfo().getPic() %>" alt=""></figure>
    					</div>
    					<div class="autor-content">
    						<h4><%=hotelComment.getUserinfo().getUsername() %></h4>
    						<!-- <span>快乐 用户</span> -->
    					</div>
    				</div>
    			</div>
    			<%
    			}
    			%>
    		</div>
    	</div>
    </section>
    <!-- testimonials section end -->
    
    <!-- 底栏 -->
<jsp:include page="/inc/footer.jsp"/>
    <!-- main footer area end -->
<script type="text/javascript">
$(function(){
	
	//得到当前时间
	var date_now = new Date();
	//得到当前年份
	var year = date_now.getFullYear();
	//得到当前月份
	//注：
	//  1：js中获取Date中的month时，会比当前月份少一个月，所以这里需要先加一
	//  2: 判断当前月份是否小于10，如果小于，那么就在月份的前面加一个 '0' ， 如果大于，就显示当前月份
	var month = date_now.getMonth()+1 < 10 ? "0"+(date_now.getMonth()+1) : (date_now.getMonth()+1);
	//得到当前日子（多少号）
	var date1 = date_now.getDate() < 10 ? "0"+date_now.getDate() : date_now.getDate();
	var date2 = date_now.getDate()+1 < 10 ? "0"+(date_now.getDate()+1) : (date_now.getDate()+1);
	//设置input标签的max属性
	$("#startTime").attr("min",year+"-"+month+"-"+date1);
	$("#startTime").val(year+"-"+month+"-"+date1);
	$("#endTime").attr("min",year+"-"+month+"-"+date2);
	$("#endTime").val(year+"-"+month+"-"+date2);
	//开始日期
	$("#startTime").change(function(){
		var v=$(this).val();
      // 转换bai日期格式
        v = v.replace(/-/g, '/'); // "2010/08/01";
       // 创建日期对象
        var date1 = new Date(v);
        // 加一天du
        date1.setDate(date1.getDate() + 1);
      //得到当前年份
    	 year = date1.getFullYear();
    	//得到当前月份
    	//注：
    	//  1：js中获取Date中的month时，会比当前月份少一个月，所以这里需要先加一
    	//  2: 判断当前月份是否小于10，如果小于，那么就在月份的前面加一个 '0' ， 如果大于，就显示当前月份
    	 month = date1.getMonth()+1 < 10 ? "0"+(date1.getMonth()+1) : (date1.getMonth()+1);
    	//得到当前日子（多少号）
    	 date = date1.getDate() < 10 ? "0"+date1.getDate() : date1.getDate();
    	 
    	var end= $("#endTime").val();
    	end=end.replace(/-/g, '/');
    	var date2=new Date(end);
      	if(date1.getTime()>date2.getTime()){     		
			$("#endTime").val(year+"-"+month+"-"+(date));
      	}
		$("#endTime").attr("min",year+"-"+month+"-"+(date));
	})
	//退订日期
	$("#endTime").change(function(){
		var v=$(this).val();
      // 转换bai日期格式
        v = v.replace(/-/g, '/'); // "2010/08/01";
        // 创建日期对象
        var date1 = new Date(v);
        // 加一天du
        date1.setDate(date1.getDate() - 1);
     
      //得到当前年份
    	 year = date1.getFullYear();
    	//得到当前月份
    	//注：
    	//  1：js中获取Date中的month时，会比当前月份少一个月，所以这里需要先加一
    	//  2: 判断当前月份是否小于10，如果小于，那么就在月份的前面加一个 '0' ， 如果大于，就显示当前月份
    	 month = date1.getMonth()+1 < 10 ? "0"+(date1.getMonth()+1) : (date1.getMonth()+1);
    	//得到当前日子（多少号）
    	 date = date1.getDate() < 10 ? "0"+date1.getDate() : date1.getDate();
      	
		$("#startTime").attr("max",year+"-"+month+"-"+(date));
	})
	$("#order").click(function() {
		
		var v=$("#roomType").val();
		/* if("房间类型"==v){
			alert("请选择房间类型");
			return;
		} */
		$("#orderForm").submit();
	})
	<%-- if("<%=f%>"=="no"){
		alert("dksjflsdf");
	} --%>
})
</script>
